<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


				<c:choose>
				<c:when test="${not empty proList}">
			    <ul class="miniapp-list-content-ul clearfix js-miniapp-list">
				<c:forEach items="${proList}" var="var" varStatus="vs">
	
					<li class="miniapp-item">
			        	<a class="miniapp__link" href="<%=basePath %>app/detail?ID=${var.ID}"  target="_blank">
			        	<div class="miniapp-header">
				        	<img class="miniapp-header__app-icon" src=" <%=basePath %>uploadFiles/uploadImgs/pc/${var.PROD_ICON}" />
				        	<div class="app-header-corp">
				        		<span class="app-header-corp__app-name">${var.PROD_NAME }</span> 
				        		<span class="app-header-corp__auth-name">
				        			<span class="app-header-corp__name-tip">作者:</span>
				        			 ${var.AUTHOR}
				        		</span>
				        	</div>
				        	
				        	<div class="divrr">
				        		<img class="erweima" src="<%=basePath %>static/miniApp/img/icon/code.png" />
				        		<span class="miniapp-header__app-try js-miniapp-header-try">扫码体验</span>
				        	
					        	<div class="hover-erweima">
					        		<img src="<%=basePath %>uploadFiles/uploadImgs/pc/${var.QR_CODE_ICON }" />
					        		<p>扫码体验</p>
					        	</div>
				        	</div>	
			        	</div>
			        	
			        	<div class="miniapp-header-tag">
							<c:choose>
							<c:when test="${fn:length(var.LABELS_ARR) <= 3}">
			        			<c:forEach items="${var.LABELS_ARR}" var="item" varStatus="vs">
			        				<span class="miniapp-tag-item">${item.LABLE_NAME }</span>
			        			</c:forEach>
							</c:when>
							<c:otherwise>
			        			<c:forEach items="${var.LABELS_ARR}" begin="0" end="2" var="item" varStatus="vs">
			        			<span class="miniapp-tag-item">${item.LABLE_NAME }</span>
			        			</c:forEach>
			        			 <i class="miniapp-tag-item-i"></i>
							</c:otherwise>
						</c:choose>

						</div>
						<div class="index-star-level">
						<c:choose>
							<c:when test="${var.STAR == '5'}">
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
							</c:when>
							<c:when test="${var.STAR == '4'}">
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item grey"></span>
							</c:when>
							<c:when test="${var.STAR == '3'}">
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
							</c:when>
							<c:when test="${var.STAR == '2'}">
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
							</c:when>
							<c:when test="${var.STAR == '1'}">
									<span class="miniapp-tag-item red"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
							</c:when>
							<c:otherwise>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
									<span class="miniapp-tag-item grey"></span>
							</c:otherwise>
						</c:choose>

						</div>

			        	</a>
			        </li>			
				</c:forEach>			    
			    </ul>
			<div class="pagination">${page.pageStr2}</div>
			
			</c:when>
				<c:otherwise>
				<tr class="main_info">
				<td colspan="100" class="center" >没有数据</td>
				</tr>
			</c:otherwise>
			</c:choose>

  <script type="text/javascript">  
	$("#header-login,#header-register").click(function(){
		if($("#box-view").css="display:none;"){
			$("#box-view").show();
		}else{
			$("#box-view").hide();
		}
	});
	$(".box_view_bg").click(function(){
		$("#box-view").hide();
	});
	$(".header-nav ul li").click(function(){
		$(this).siblings().removeClass("active");
		$(this).addClass("active");
	});

</script>
</html>
